<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>账户安全</title>
    <!-- zui -->
    <link rel="stylesheet" type="text/css" href="css/normalize.css">
    <link rel="stylesheet" type="text/css" href="css/zui.min.css">
    <link rel="stylesheet" type="text/css" href="css/doc.min.css">
    <style type="text/css">
    	body{background: #f3f3f3}
    	header{background: #ef673c;color: #fff}
    	h2{margin: 0;padding: .5em 0;}
    	.icon-arrow-left{font-size: inherit;}
    	.padding{padding-left: 2.4em}
    	.micon-phone{background: url(images/icon-phone.png) no-repeat left center;background-size: 1.4em}
    	.micon-land{background: url(images/icon-landpass.png) no-repeat left center;background-size: 1.4em}
    	.micon-cash{background: url(images/icon-cash.png) no-repeat left center;background-size: 1.4em}
    	.micon-account{background: url(images/icon-account.png) no-repeat left center;background-size: 1.4em}
    	.micon-id{background: url(images/icon-id.png) no-repeat left center;background-size: 1.4em}
    	.row{height: 3em;line-height: 3em;background: #fff}
    	.row span{display: block;}
    	.bottom{margin-bottom: .5em;}
    	.border{border-bottom: 1px solid #f3f3f3}
    </style>
</head>
<body class="hidden-md hidden-lg">
	<div class="wrapper">
		<header class="clearfix">
			<div class="col-xs-2">
				<h2><i class="icon icon-arrow-left"></i></h2>
			</div>
			<div class="col-xs-8 text-center"><h2>账户安全</h2></div>
		</header>
		<div class="container">
			<div class="row bottom" date-src="security/phone-number.html">
				<div class="col-xs-6"><span class="padding micon-phone">手机号</span></div>
				<div class="col-xs-6 text-right"><span id="new_phone">152****970</span></div>
			</div>
			<div class="row border" date-src="security/login-password.html">
				<div class="col-xs-6"><span class="padding micon-land">登录密码</span></div>
				<div class="col-xs-6 text-right"><span id="new_land">*****</span></div>
			</div>
			<div class="row bottom" date-src="security/cash-password.html">
				<div class="col-xs-6"><span class="padding micon-cash">提现密码</span></div>
				<div class="col-xs-6 text-right"><span id="new_cash">未设置</span></div>
			</div>
			<div class="row border" date-src="">
				<div class="col-xs-6"><span class="padding micon-account">提现账户</span></div>
				<div class="col-xs-6 text-right"><span>未设置</span></div>
			</div>
			<div class="row" date-src="security/identity-information.html"">
				<div class="col-xs-6"><span class="padding micon-id">填写身份信息</span></div>
				<div class="col-xs-6 text-right"><span id="new_id">未设置</span></div>
			</div>
		</div>
	</div>
	<iframe src="" frameborder="0" style="position:absolute;top:0;left:0;width:100%;height:100%;display:none"></iframe>
	<script type="text/javascript" src="js/jquery-1.11.0.min.js"></script>
	<script type="text/javascript">
		(function(){
			$('.row').each(function(){
				$(this).click(function(){
					$('iframe').attr('src',$(this).attr('date-src')).show();
					$('.wrapper').hide();
				})
			})
		})();
	</script>
</body>
</html>